@font-face {
    font-family: '<%= fontFamilyName %>';
    src:    url('../fonts/<%= fontName %>.eot?v=@version@');
    src:    url('../fonts/<%= fontName %>.eot?v=@version@') format('embedded-opentype'),
    url('../fonts/<%= fontName %>.ttf?v=@version@') format('truetype'),
    url('../fonts/<%= fontName %>.woff?v=@version@') format('woff'),
    url('../fonts/<%= fontName %>.svg?v=@version@') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="<%= cssClass%>"], [class*=" <%= cssClass%>"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: '<%= fontFamilyName %>' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="<%= cssClass%>"]::before, [class*=" <%= cssClass%>"]::before { 
    display: inline-block;
}

/*icon-content*/

<% _.each(glyphs, function(glyph) { %>
.<%= cssClass %><%= glyph.fileName %>:before {
                                         content: "\<%= glyph.codePoint %>";
                                     }
<% }); %>
